@CHARSET "UTF-8";

/********************************************************************************
FONTS 
*********************************************************************************/

@font-face 
{
	font-family: Antipasto Regular;
	src: url('/fonts/Antipasto_regular.otf');
}

@font-face 
{
	font-family: Antipasto Extralight;
	src: url('/fonts/Antipasto_extralight.otf');
}

@font-face 
{
	font-family: Antipasto Extrabold;
	src: url('/fonts/Antipasto_extrabold.otf');
}

@font-face 
{
	font-family: Klavika Regular;
	src: url('/fonts/Klavika-Regular.otf');
}

@font-face 
{
	font-family: Klavika Bold;
	src: url('/fonts/Klavika-Bold.otf');
	font-weight: bold;
}

/********************************************************************************
GENERIC 
*********************************************************************************/

/*  Reset for some default browser CSS - General */

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, img, header, section, aside, footer, button 
{
	margin: 0; padding: 0; border: 0; list-style: none;
}

a 
{
	text-decoration: none;
	cursor: pointer;
	color: #5D8E01;
}

a:hover 
{
	color: #CCCCCC;
}

:focus 
{
	outline: 0;
}

h1, h2, h3 
{
	font-family: Helvetica, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: normal;
} 

h2 
{
	font-size: 22px;
	line-height: 28px;
}

body 
{
	font-family : Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
	background-image:url("/images/background/default.jpg"); 
	background-color: #CCCCCC; 
}	

.float 
{
	float:left;
}

.hae_button
{
/* 	display:block; */
	padding: 5px 20px 5px 20px;
	background-color: #659901;
	color: #FFFFFF;
}

.hae_button:hover
{
	background-color: #FFFFFF;
	color: #5D8E01;
}

/********************************************************************************
HEADER 
*********************************************************************************/

header#main_header 
{
	width: 960px;
	height :210px;
	margin: 0 auto;		
	display: block;
	background-image: url("/images/default/filtertop80.png"),url("/images/default/top01.jpg");
}

.header_content 
{
	
}


header#main_header #lang
{
	float: right;
	padding: 10px 20px 0px 0px;
}

header#main_header .left
{
	float:left;
	width:260px;
	height: 165px;
	overflow: hidden;
}

header#main_header .right
{
	float:left;
	width:700px;
	height: 165px;
	overflow: hidden;
}

header#main_header .left a img
{
	margin: 20px 0 0 20px;
}

header#main_header .slogan
{
	margin: 100px 0 0 100px;
	font-family: Klavika Regular;
/* 	font-family: Antipasto Extralight; */
	color: #CCCCCC;	
	font-size: 26px;
	font-style: italic;
}

header#main_header .slogan span
{	
	color: #659901;	
}

/*FLAGS */

header#main_header #lang
{
		
}

header#main_header #lang span
{
	width: 16px;
	height: 11px;
	display:inline-block;
	border: solid 1px #FFFFFF;
	cursor: pointer;
}

header#main_header #lang span#flag_vi
{
	background-image: url("/images/default/flag_vi.png");	
}

header#main_header #lang span#flag_en
{
	background-image: url("/images/default/flag_en.png");		
}

header#main_header #lang span#flag_ja
{
	background-image: url("/images/default/flag_ja.png");			
}

header#main_header #lang span#flag_zh
{
	background-image: url("/images/default/flag_zh.png");		
}

header#main_header #lang span#flag_fr
{
	background-image: url("/images/default/flag_fr.png");			
}

header#main_header #lang span:hover
{
	border: solid 1px #5D8E01;	
}


/********************************************************************************
TOP NAVIGATION 
*********************************************************************************/

nav#main_header_navigation 
{
	clear:both;
	background-color: rgba(101,153,1,0.8); 
	padding: 10px 50px;	
}

nav#main_header_navigation ul 
{		
	display: inline;
	list-style: none;	
}

nav#main_header_navigation li 
{
	display: inline;
	list-style: none;
}

nav#main_header_navigation ul li ul li 
{
/* 	border-left: solid 1px #CCCCCC;  */
}

nav#main_header_navigation ul li 
{
/* 	border-left: solid 1px #CCCCCC;  */
}

nav#main_header_navigation a 
{
	color: #FFFFFF;	
	font-size: 14px;
	text-transform: uppercase; 
	margin: 0px 5px;
	padding: 10px 8px;	
}

nav#main_header_navigation a.home 
{

}

nav#main_header_navigation a:hover 
{
 	color: #000000; 
}


nav#main_header_navigation ul li.active a
{
 	color: #000000; 
}

nav#main_header_navigation ul li ul li.active a
{
/*  	text-shadow: 1px 1px 1px #2C0306;  */
/*  	background: #FFFFFF;  */
 	color: #000000; 
}

/********************************************************************************
BREADCRUMBS 
*********************************************************************************/

#breadcrumbs 
{
	text-transform: Capitalize;
	margin: 5px 0 0 10px;
}

#breadcrumbs a 
{
	color: #000000;
	font-size: 10px;
}

/********************************************************************************
FOOTER 
*********************************************************************************/

footer#main_footer 
{
	clear:both;		
	width: 960px;
	margin: 0 auto;	
	padding-bottom: 5px;
}

#main_footer #main_bottom_navigation
{
	margin: 0 auto;	
	
}

#main_footer #main_bottom_navigation ul 
{		
		
}

#main_footer #main_bottom_navigation ul li 
{
	display: inline;	
	padding: 0 5px;
	border-right: solid 1px #000000; 
}

#main_footer #main_bottom_navigation ul li.noborder  
{
	border-left: none; 
}

#main_footer #main_bottom_navigation ul li a  
{
	color: #000000; 
}

#main_footer #main_bottom_navigation ul li a:hover  
{
	color: #659901; 
}

#main_footer #main_bottom_navigation label 
{
	margin: 0 auto;	 
}

/********************************************************************************
MAIN CONTENT 
*********************************************************************************/

#main_content 
{
	clear:both;
	width: 960px;
	margin: 0 auto;	
	min-height:1200px;
	background-color:#FFFFFF;
}


/********************************************************************************
MAIN CONTENT - LEFT
*********************************************************************************/

#main_content #left
{
	display:block;
	float: left;
	width: 200px;
	margin: 0 0 20px 0;
}

/*LEFT NAVIGATION */

#main_content #left #main_left_navigation
{
	width:160px;
	margin:0 0 20px 30px;
	padding: 20px 0;
	background-color: #659901;
	background-color: rgb(101, 153, 1); 
/* 	overflow: hidden;	 */
/* 	box-shadow: rgba(0, 0, 0, 0.3) 4px 5px; */
}

#main_content #left #main_left_navigation ul li
{
	
}

#main_content #left #main_left_navigation ul li a
{
	display: block;
	color: #FFFFFF;	
	font-size: 14px;	
	text-transform: uppercase;	
	padding: 5px 20px;
	width: 160px;
}

#main_content #left #main_left_navigation ul li a:hover
{
	color: #CCCCCC;
	background-image: url('/images/default/menu_left_arrow_over.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 170px 30px;
}

#main_content #left #main_left_navigation ul li a:selected
{
	color: #CCCCCC;	
}

#main_content #left #main_left_navigation ul li.active a
{
	color: #000000;	
	background-color: #FFFFFF;
	background-image: url('/images/default/menu_left_arrow_active.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 170px 30px;
}

/* LEFT SEARCH*/

#main_content #left #main_left_search
{
	width:140px;
	margin:0 0 20px 30px;
	padding: 15px 10px;
	background-color: #659901;
	background-color: rgb(101, 153, 1); 
}

#main_content #left #main_left_search li
{
	float: left;
}
#main_content #left #main_left_search li a
{
   
    display: block;
    font: 10px Verdana;
    margin: 1px 1px 1px 0;
    padding: 6px 14px;
    text-decoration: none !important;
	background-color: rgb(101, 153, 1);
	color:white; 
}
#main_content #left #main_left_search li a.selected
{
	background-color: white;
	color: #659901;
	
}
#main_content #left #main_left_search div
{
	background-color: white;
	color: #659901;
	clear: left;
	padding: 10px;
}
#main_content #left span
{
	width:140px;
	margin:0 0 20px 30px;
	font-weight: bold;
}
/*LEFT BLOCS */

#main_content #left .bloc
{	
	min-height:200px;
	margin: 5px 0 0 0;
	background-color:#CCCCCC;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/********************************************************************************
MAIN CONTENT - RIGHT
*********************************************************************************/

#main_content #right 
{
	display:block;
	float:left;
	width: 760px;
    overflow: hidden;		
/* 	background-color: #EEEEEE;	 */
}

#main_content #right #content
{
	display:block;	
	width: 720px;
    overflow: hidden;	
	margin:10px 20px 0 10px;
	overflow: hidden;
}


/*SELECTION OF COUNTRIES */

#main_content #right #main_countries_navigation 
{    
    width: 760px;
    height: 30px;
    border-bottom: 1px solid #E9E9E9; 
}

#main_content #right #main_countries_navigation ul 
{		
	text-align: right;
}

#main_content #right #main_countries_navigation ul li
{
	display: inline;
	padding: 5px 0;
}

#main_content #right #main_countries_navigation a 
{
	display:inline-block;
	color: #000000;	
	font-size: 14px;
	text-transform: uppercase;
	margin: 5px 10px;
	padding: 3px 8px;	
/* 	background-color: red; */
}

#main_content #right #main_countries_navigation ul li a:hover
{
	color: #00BDDF;
}

#main_content #right #main_countries_navigation ul li a:selected
{
/* 	color: #CCCCCC;	 */
}

#main_content #right #main_countries_navigation ul li.active a
{
 	color: #00BDDF; 
}

/********************************************************************************
BANNER CHOOSE REGION
*********************************************************************************/

#main_content #right #choose_region
{
	width: 720px;
	height: 100px;
	overflow:hidden;
/* 	margin-bottom: 20px; */
	
}

/* #main_content #right #choose_region:HOVER */
/* {	 */
/* 	-moz-transform: scale(-1, 1); */
/* 	-webkit-transform: scale(-1, 1); */
/* 	-o-transform: scale(-1, 1); */
/* 	transform: scale(-1, 1); */
/* 	filter: FlipH;	 */
/* } */

#main_content #right #choose_region .front
{
	width: 720px;
	height: 100px;
	background-image: url('/images/default/banner_region.jpg');
	
}

#main_content #right #choose_region .front span
{
/* 	position: relative; */
/* 	z-index: 1; */
/* 	top: -40px; */
/* 	left: 20px; */
	display: bloc;		
	font-family: "Antipasto Regular";
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 50px 0 0 20px; 
	
}

#main_content #right #choose_region .back 
{
	background-color: rgba(101,153,1,0.7); 	
	width: 720px;
	height: 100px;	
}

#main_content #right #choose_region .back span
{
/* 	position: relative; */
/* 	z-index: 1; */
/* 	top: -40px; */
/* 	left: 20px; */
	display: bloc;		
	font-family: Antipasto Regular;
	font-size: 30px;
	color: #FFFFFF;
	text-transform: uppercase;	
	margin: 50px 0 0 20px; 
	
}

/********************************************************************************
LIST OPTIONS (SORT / FILTER)
*********************************************************************************/

#list_options 
{
	width: 720px;
	margin: 5px 0 40px 0;
}

#list_options ul 
{
	display: inline;		
}

#list_options li
{
	display: inline;		
}

/* SORT */

#list_options .sort  
{	
	width: 500px;
	display: inline-block;
}

#list_options .sort a 
{	
	color: #000000;	
	font-family: Arial, sans-serif;	
	font-weight: bold;
	text-transform: capitalize;
	margin: 0 5px;
	padding: 0 0 3px 0; 
}

#list_options .sort a:hover, #list_options .sort ul li.active a
{			
	border-bottom: 8px solid #659901;	
}

#list_options .sort a:hover, #list_options .sort ul li.active a 
{
	color: #659901;
	border-color: #659901;
}

/* FILTER */

#list_options .filter  
{	
	width: 210px;
	display: inline-block;
	text-align: right;
}

#list_options .filter a 
{	
	color: #FFFFFF;	
	font-family: Arial, sans-serif;	
	font-weight: bold;
	text-transform: capitalize;
	margin: 0 2px;
	padding: 3px 10px 3px 10px; 
	background-color: #000000;
}

/********************************************************************************
DURING DEV - TO CORRECT
*********************************************************************************/

#boxs-under-slider-country 
{
    border-color: #E9E9E9 -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    height: 36px;
    width: 700px;
    background-image: url("/images/default/background_menu_country.jpg");
 	background-repeat: no-repeat;
}

}
.country-menu-active {
    color: #00BDDF;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 11px;
    margin-left: 59px;
    text-transform: uppercase;
    text-decoration: none;
}
.country-menu:hover {
    color: #00BDDF;
}

.country-menu {
    color: #000000;
    float: right;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 11px;
    margin-left: 59px;
    text-transform: uppercase;
    text-decoration: none;
}

#boxs-under-slider {
    border-bottom: 1px solid #E9E9E9;
   
  	height: 25px;
    
}

.nav-horizontal {
	margin: auto;
	position: absolute;
	top:214px;
	width: 1024px;
	height:30px;
	display: block;
	background-color: #41740F;
}

.nav-horizontal ul {
	margin:auto;
	width: inherit;
	padding:0px;
	list-style-type: none;
	
}

.nav-horizontal ul li {
	float:left;	
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color:white;
}

.nav-horizontal ul li a {
	margin-right: 20px;
	margin-left: 20px;
	width: 140px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color:white;
}

.nav-horizontal ul li a:hover {
	color:yellow;
	text-shadow:2px 3px 2px red;
}
.nav-vertical
{
	
}
.nav-vertical ul
{
	padding:0px;
	list-style-type: none;
	background-color: #5D8E01;
}
.nav-vertical ul li a
{
	font-size: 13px;
	
	text-align: left;
	text-decoration: none;
	color:white;
	margin-left: 30px;
	display:block;
	width: auto;
}
.nav-vertical ul li a:hover 
{
	background: #ebebeb;
	color: #67a5cd;
	margin-left: 0px;
	padding-left: 30px;
	
}
/* .left */
/* {	 */
/* 	background-color: #FFFFFF; */
/*     border: 1px solid #CCCCCC; */
/* 	border-radius: 10px; */
/* 	-moz-border-radius:10px; */
/* } */
.des-mega-box{
	margin-left:5px;
	margin-top:10px;
	text-align:center;
	background-color: white;
    height: 100px;
    width: 106px;
    -webkit-border-radius:4px;
    border-radius:4px;
    float: left;
}
.content1
{
	padding:50px;
	margin-left:2px;
	height:170px;
}
.content2
{	
	margin-left:2px;
	margin-top:6px;
	padding:50px;
	height:80px;
}
.content3
{
	margin-left:2px;
	padding:20px;
	height:40px;
	margin-top:6px;
}
.main
{
	position:relative;
	top:-434px;
	left:200px;
	width:818px;
	min-height: 658px;
	margin-left:6px;
	background-color: gray;
}
.bottom
{
	position:relative;
	top:-376px;
	width:1024px;
	height:80px;
	background-color: green;
}
.login
{
	display:inline;
	width:auto;
	height:20px;
	position: absolute;
	color:white;
	top:10px;
	margin-left:10px;
	background-color: #88bbd4;
	border:1px solid #000000; 
	z-index: 2;
}
.login .overlap
{
	position:absolute;
    width:100%;
    height:1px;
	left:0px;
    background:#88bbd4;
    bottom:-1px;
}
.login:hover{
	background-color: #59B;
	cursor: pointer;
}
.form_login{
	display:none;
	position:absolute;
	top:31px;
	margin-left: 10px;
	background-color: #88bbd4;
	padding: 6px;
	border:1px solid #000000;
	z-index:1;
}

.text_in_image{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 30px;
    font-weight: bold;
    margin-left: 35px;
    margin-top: 10px;
    position: absolute;
    text-shadow: 1px 1px #333333;
    text-transform: uppercase;
    width: 200px;
}
.main_buttom{
	text-decoration: none;
	color: black;
	font-weight: bold;
	margin: 10px
}
.main_buttom:hover{
	color: white;
}
.txt-header-black-11 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
     float: right;
    font-weight: bold;
    text-transform: uppercase;
}
.paginator a{
	background-color: #BFC893;
	margin-right: 5px;
	padding-left:5px;
	padding-right:2px;
	font-size:14px;
	color: black;
}
.paginator a:hover{
	 background-color: #d0f12f;
}
.right_content_active{
	background-color: #d0f12f!important;
	margin-right: 5px;
	padding-left:5px;
	padding-right:2px;
	font-size:14px;
	color: black;
}
a {text-decoration:none;}
/* JS disabled styles */
.no-js nav li:hover ul { display:block; }
.clear {clear: both;}

/********************************************************************************
TOUR COUNTRY CONTENT 
*********************************************************************************/
.frame-img {
    border-color: #E2E2E2;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
	width: 340px;
	background: none repeat scroll 0 0 #EAEAEA;
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}
.frame-img span{
	color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding:10px;
    position: absolute;
	width:320px;
    text-transform: uppercase;
	background-color: rgba(5, 5, 5, 0.3);
}
.frame-img div{
	width: 340px;
	height: 200px;
}
.frame-img div.back{
	background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 34px;
	color: #5D8E01;
	text-align: center;
	text-transform: uppercase;
 	font-weight: bold;
}
.frame-img img{
	width: 340px;
	height: 200px;
}

.small {
	width: 220px;
}
.small span{
	width:200px;
}
.small div{
	width: 220px;
	height: 200px;
}
.small div.back{
    font-size: 25px;
}
.small div.back label{
	
    font-size: 14px;
	
	
}
.small img{
	width: 220px;
	height: 200px;
}

/********************************************************************************
TOUR LIST CONTENT
*********************************************************************************/

#box_region_theme div{
	float: left;
	margin-right: 50px;
}
#box_region_theme div span{
	color: #888888;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
	width:80px;
    text-transform: uppercase;
	
}
#sorttour{margin-top: 30px;}
#sorttour ul li {
	background: none repeat scroll 0 0 #666666;
    color: #FFFFFF;
    margin: 0 5px 0 0;
	padding: 5px 0px;
}
#sorttour ul li:hover {background: none repeat scroll 0 0 black;}
#sorttour ul li{float: left;}
#sorttour li li{float: none;}
#sorttour ul ul{display: none;z-index: 5;position: absolute;}
#sorttour a{margin: 10px;color: #FFFFFF;}

#listtour{margin-top: 50px;}
#touritem img{
	width: 180px;
	height: 120px;
}
#touritem div{
	height: 150px;
	float:right;
}
#touritem .touritem-right{
	width: 180px;
	float: right;
	padding-right: 20px;
}
#touritem .touritem-left{
	float: right;
	width: 530px;
}
#touritem .touritem-left div{
	width: 530px;
	height:auto;
	margin-bottom: 10px;
	padding-right: 20px;
}
#touritem span{
	float: right;
}
#touritem label{
	float: right;
	color: #888888;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

/********************************************************************************
TESTIMONIAL PAGE 
*********************************************************************************/

#testimonial
{
	background-image: url("/images/default/brush_green.png"), url("/images/default/brush_blue.png");
	background-position: right top, right bottom;
	background-repeat: no-repeat;
}

#testimonial h1
{
	font-size: 30px;
	color: #659901;
	margin-bottom: 30px;
	
}

#testimonial .testimonial_item
{
	margin: 0 0 30px 0;
	display: block;
}

#testimonial .testimonial_item .top
{
	font-weight: bold;
	border-bottom: 6px solid #659901;
	padding: 2px 0;	
}

#testimonial .testimonial_item h4, #testimonial .testimonial_item h5
{
	display: inline-block;	
}

#testimonial .top .name
{
/* 	font-style: italic; */
}

#testimonial .top h5
{
	float: right;
/* 	padding: 0 5px; */
}

#testimonial .description
{
	margin: 10px 0 0 0;
}

/* WHEN COME FROM A WEBSITE */

#testimonial .testimonial_item.website
{
/* 	background-color: #EEEEEE; */
}

#testimonial .testimonial_item.website .top
{
	border-bottom-color: #4798D4;
}

#testimonial .testimonial_item.website .top a
{
	border-bottom-color: #4798D4;
}

#testimonial .testimonial_item.website a.name:hover
{
	color: #CC071E;
}

/********************************************************************************
PAGING TO REWRITE
*********************************************************************************/


#zfd-page {
    background: #fff;
    width: 800px;
    border: 1px solid #555;
    padding: 10px;
    margin: 25px auto;
}

table.zfd-crud-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.zfd-crud-table th, table.zfd-crud-table td {
    border: 1px solid #d5d5d5;
    padding: 4px;
}

table.zfd-crud-table th {
    background: #f5f5f6;
    color: #555;
}

table.zfd-crud-table td.zfd-crud-table-actions {
    width: 125px;
    text-align: center;
}

.zfd-crud-pager-links {
    float: right;
}

.zfd-crud-pager-header,
.zfd-crud-pager-footer
{
    padding: 10px;
}

.zdf-page-footer {
    text-align: center;
}
.zdf-page-footer p {
    font-style: italic;
}
